.wrapper {
  border-top: 1px solid #d9d9d9;
  padding: 24px 0;
  position: relative;
}

.textarea {
  resize: none !important;
  border: none;
  outline: none;
  height: 200px !important;
  overflow: auto;
  background-color: #ededed;

  /* 鼠标悬停时依然保持透明背景 */
  &:hover {
    background: transparent;
  }

  &:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    caret-color: #07c160;
    background: transparent;
  }

}

.btn {
  position: absolute;
  bottom: 24px;
  right: 24px;
  border: none !important;
  color: white;
  background-color: #e1e1e1 !important;
  cursor: default !important;
  box-shadow: none !important;
  text-align: center !important;
  line-height: normal !important;
  vertical-align: middle !important;
  padding: 4px 15px !important;
  
  // 明确覆盖禁用状态的样式
  &:disabled {
    border: none !important;
    box-shadow: none !important;
  }
}

.btn-active{
  position: absolute;
  bottom: 24px;
  right: 24px;
  border: none !important;
  color: white;
  background-color: #07c160 !important;
  cursor: default !important;
  box-shadow: none !important;
  text-align: center !important;
  // 方案1：调整行高和垂直对齐
  line-height: normal !important;
  vertical-align: middle !important;
  // 重置默认padding
  padding: 4px 15px !important;
}
